// 左1柱状图模块
(function() {
    // 实例化对象
    var myChart1 = echarts.init(document.querySelector(".bar .chart"));
    // 指定配置和数据
    let option1 = {
        color: ["#2f89cf"],
        tooltip: {
            trigger: "axis",
            axisPointer: {
                // 坐标轴指示器，坐标轴触发有效
                type: "shadow" // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        grid: {
            left: "0%",
            top: "10px",
            right: "0%",
            bottom: "4%",
            containLabel: true
        },
        xAxis: [
            {
                type: "category",
                data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
                axisTick: {
                    alignWithLabel: true
                },
                // 修改刻度标签 相关样式
                axisLabel :{
                    color: "rgba(255, 255, 255, 0.6)",
                    fontSize: "12"
                },
                axisLine: {
                    show: false
                }
            }
        ],
        yAxis: [
            {
                type: "value",
                // 修改刻度标签 相关样式
                axisLabel :{
                    color: "rgba(255, 255, 255, 0.6)",
                    fontSize: "12"
                },
                axisLine: {
                    lineStyle: {
                        color: "rgba(255, 255, 255, 0.1)",
                        width: 2
                    }
                },
                splitLine: {
                    lineStyle: {
                        color: "rgba(255, 255, 255, 0.1)",
                    }
                }
            }
        ],
        series: [
            {
                name: "直接访问",
                type: "bar",
                barWidth: "35%",
                data: [10, 52, 200, 334, 390, 330, 220],
                itemStyle: {
                    barBorderRadius: 5,
                }
            }
        ]
    };

    // let myChart2 = echarts.init(document.querySelector(".bar2 .chart"));
    const colors = ['#9F79EE', '#98FB98'];
    let xAxisData00 = ['2023年', '2024年', '2025年'];
    let data11 = [22.2544, 23.5708, 16.4347];
    let data22 = [1.7412, 1.3896, 0.7371];
    let data33 = [559, 684.13, 462.46];
    let data44 = [1401.72, 1373.38, 819.56];

    var emphasisStyle = {
        itemStyle: {
            shadowBlur: 10,
            shadowColor: 'rgba(0,0,0,0.3)'
        }
    };
    let option2 = {
        toolbox: {                          // 工具栏配置（图表功能工具）
            feature: {                      // 各功能配置
                magicType: {                // 动态类型切换功能
                    // type: ['stack']         // 可切换为堆叠模式（如：堆叠柱状图）
                },
                // dataView: {}                // 数据视图工具 - 显示原始数据
            }
        },
        // tooltip: {
        //     trigger: "axis",
        //     axisPointer: {
        //         // 坐标轴指示器，坐标轴触发有效
        //         type: "shadow" // 默认为直线，可选为：'line' | 'shadow'
        //     }
        // },
        tooltip: {  // 修改聚焦方式，更具体
            trigger: 'axis',
            axisPointer: {
                type: 'cross',
                label: {
                    backgroundColor: '#6a7985'
                }
            }
        },
        grid: {
            top: '22%',
            left: '2%',
            right: '2%',
            bottom: '10%',
            containLabel: true
        },
        legend: {
            data: ['生产项目', '基建项目', '生产金额', '基建金额'],
            // orient: 'vertical',
            // bottom: '0',
            textStyle: {
                color: '#4c9bfd',
                // fontSize: 2
            },
            // right: "10%"

        },
        xAxis: {
            type: "category",
            data: xAxisData00,
            // name: '年份',
            axisLine: { onZero: true },
            splitLine: { show: false },
            splitArea: { show: false },
            axisLabel: {
                color: "rgba(255, 255, 255, 0.6)",
            }
        },
        yAxis: [
            {
                type: 'value',
                name: '采购项目\n（万项）',
                nameLocation: 'start', // 修改y轴名称位置（到最下面，默认在上面）
                nameTextStyle: {          // 坐标轴名称文本样式
                    fontSize: 12,           // 设置字号为16px
                    color: colors[0],          // 可选：设置颜色
                    fontWeight: 'bold'      // 可选：设置字体粗细
                },
                position: 'left',
                // alignTicks: true,
                axisLine: {
                    lineStyle: {
                        color: "rgba(255, 255, 255, 0.1)",
                        width: 2
                    }
                },
                axisLabel: {
                    color: "rgba(255, 255, 255,0.6)",
                    formatter: '{value} '
                },
                splitLine: {
                    lineStyle: {
                        color: "rgba(255, 255, 255, 0.1)",
                    }
                }
            },
            {
                type: 'value',
                name: '采购金额\n（亿元）',
                nameLocation: 'start', // 修改y轴名称位置（到最下面，默认在上面）
                nameTextStyle: {          // 坐标轴名称文本样式
                    fontSize: 12,           // 设置字号为16px
                    color: colors[1],          // 可选：设置颜色
                    fontWeight: 'bold'      // 可选：设置字体粗细
                },
                position: 'right',
                alignTicks: true,
                // offset: 80,
                axisLine: {
                    lineStyle: {
                        color: "rgba(255, 255, 255, 0.1)",
                        width: 2
                    }
                },
                axisLabel: {
                    color: "rgba(255, 255, 255,0.6)",
                    formatter: '{value} '
                },
                splitLine: {
                    lineStyle: {
                        color: "rgba(255, 255, 255, 0.1)",
                    }
                }
            },
        ],
        series: [
            {
                name: '生产项目',
                color: '#cc99ff',
                type: 'bar',
                stack: 'one',
                emphasis: emphasisStyle,
                // barWidth: "35%",
                data: data11,
                itemStyle: {
                    barBorderRadius: 5,
                }
            },
            {
                name: '基建项目',
                color: '#8470FF',
                type: 'bar',
                stack: 'one',
                emphasis: emphasisStyle,
                // barWidth: "35%",
                data: data22,
                itemStyle: {
                    barBorderRadius: 5,
                }
            },
            {
                name: '生产金额',
                color: '#00cc66',
                type: 'bar',
                stack: 'two',
                emphasis: emphasisStyle,
                barWidth: "25%",
                yAxisIndex: 1,
                data: data33,
                itemStyle: {
                    barBorderRadius: 5,
                }
            },
            {
                name: '基建金额',
                color: '#009966',
                type: 'bar',
                stack: 'two',
                emphasis: emphasisStyle,
                // barWidth: "35%",
                yAxisIndex: 1,
                data: data44,
                itemStyle: {
                    barBorderRadius: 5,
                }
            }
        ]
    };

    // 3. 把配置给实例对象
    // myChart2.setOption(option2);
    myChart1.setOption(option2);
    // 4. 让图表跟随屏幕自适应
    window.addEventListener("resize", function() {
        myChart.resize();
    });
})();

// 右1柱状图1
(function() {
    // 1. 实例化对象
    var myChart = echarts.init(document.querySelector(".bar2 .chart"));
    // 2. 指定配置项和数据
    var option = {
        tooltip: {
            trigger: "axis",
            axisPointer: {
                // 坐标轴指示器，坐标轴触发有效
                type: "shadow" // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        grid: { // 修改图形大小和位置
            top: "10%",
            left: "15%",
            bottom: "10",
            // containLabel: true
        },

        xAxis: {
            // 不显示x轴相关信息
            show: false
        },
        yAxis: [{
            type: 'category',
            inverse: true,
            data: [ '浙江','安徽',  '南方', '华东','福建',  '华北', '东北','江西'],
            axisLine: { // 不显示y轴竖线
                show: false
            },
            axisTick: { // 不显示y轴刻度
                show: false
            },
            axisLabel: {// y轴刻度标签
                color: "rgba(255, 255, 255, 0.6)"
            }
        }, {
            show: true,
            inverse: true,
            data: [12.4,12.3,11.6,  11.0, 10.3, 9.7, 8.6,7.4 ],
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            },
            axisLabel: {
                textStyle: {
                    fontSize: 12,
                    color: "#fff"
                }
            }
        }
        ],
        dataZoom: [{
            yAxisIndex: [0, 1],
            type: 'slider',

        }],
        series: [
            {
                name: '公开招标采购金额',
                type: 'bar',
                barCategoryGap: 50,
                barWidth: 10,
                data: [9.5, 9.1,9.1,   4.5 ,7.0, 7.6, 5.0,4.8],
                // 修改为圆角
                itemStyle: {
                    barBorderRadius: 20,
                    color: '#00cc66',
                },
                label: {
                    show: true,
                    position: 'inside',
                    formatter: "{c}%"  // 自动计算百分比
                },
                yAxisIndex: 0
            },
            {
                name: '采购总金额',
                type: 'bar',
                barCategoryGap: 50,
                barWidth: 15,

                // 边框
                itemStyle: {
                    color: "none",
                    borderColor: "#cc99ff",
                    borderWidth: 3,
                    barBorderRadius: 15
                },
                data: [12.4,12.3,11.6,  11.0, 10.3, 9.7, 8.6,7.4 ],
                yAxisIndex: 1
            }
        ]
    };

    // 3. 把配置给实例对象
    myChart.setOption(option);
    // 4. 让图表跟随屏幕自适应
    window.addEventListener("resize", function() {
        myChart.resize();
    });
})();

(function() {
    var color =["#1089E7", "#F57474", "#56D0E3", "#F8B448", "#8B78F6"];
    //1. 实例化对象
    var myChart = echarts.init(document.querySelector(".line .chart"));
    //2. 指定配置
    var option = {
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'cross',
                label: {
                    backgroundColor: '#6a7985'
                }
            }
        },
        // 设置网格样式
        grid: {
            top: '22%',
            left: '2%',
            right: '6%',
            bottom: '2%',
            show: true,// 显示边框
            borderColor: '#012f4a',// 边框颜色
            containLabel: true // 包含刻度文字在内
        },
        legend: {
            // data: ['水电', '风电', '光伏', '核电', '煤炭'],  // series中已有，可忽略
            right: 6,
            top: 0,
            textStyle: {
                color: '#4c9bfd'
            }
        },
        xAxis: {
            type: 'category',
            data: ['25年4月', '25年5月', '25年6月', '25年7月', '25年8月', '25年9月'],
            axisTick: {
                show: false // 去除刻度线
            },
            axisLabel: {
                color: 'rgba(255, 255, 255, 0.6)' // 文本颜色
            },
            axisLine: {
                show: false // 去除轴线
            },
            boundaryGap: false  // 去除轴内间距
        },
        yAxis: {
            type: 'value',
            name: '库存金额(万元)',
            nameTextStyle: {          // 坐标轴名称文本样式
                fontSize: 12,           // 设置字号为16px
                color: "rgba(255, 255, 255, 0.6)",          // 可选：设置颜色
                fontWeight: 'bold'      // 可选：设置字体粗细
            },
            axisTick: {
                show: false // 去除刻度线
            },
            axisLabel: {
                color: 'rgba(255, 255, 255, 0.6)' // 文本颜色
            },
            axisLine: {
                show: false // 去除轴线
            },
            splitLine: {
                lineStyle: {
                    color: 'rgba(255, 255, 255, 0.1)'
                }
            },
            boundaryGap: false  // 去除轴内间距
        },
        series: [
            {
                name: '水电',
                type: 'line',
                stack: 'Total',
                data: [4397, 4642, 4733, 5038, 5831, 5776],
                color: color[0],
                // 设置拐点 小圆点
                symbol: "circle",
                // 拐点大小
                symbolSize: 6,
                // 设置拐点颜色以及边框
                itemStyle: {
                    color: color[0],
                    borderColor: "rgba(221, 220, 107, .1)",
                    borderWidth: 8
                },
            },
            {
                name: '风电',
                type: 'line',
                stack: 'Total',
                data: [13540, 13773, 14731, 14170, 13545, 13527],
                color: color[1],
                // 设置拐点 小圆点
                symbol: "circle",
                // 拐点大小
                symbolSize: 6,
                // 设置拐点颜色以及边框
                itemStyle: {
                    color: color[1],
                    borderColor: "rgba(221, 220, 107, .1)",
                    borderWidth: 8
                },
            },
            {
                name: '光伏',
                type: 'line',
                stack: 'Total',
                data: [1214, 1273, 1286, 1356, 1384, 1495],
                color: color[2],
                // 设置拐点 小圆点
                symbol: "circle",
                // 拐点大小
                symbolSize: 6,
                // 设置拐点颜色以及边框
                itemStyle: {
                    color: color[2],
                    borderColor: "rgba(221, 220, 107, .1)",
                    borderWidth: 8
                },
            },
            {
                name: '核电',
                type: 'line',
                stack: 'Total',
                data: [27127, 14332, 14524, 14740, 15071, 15408],
                color: color[3],
                // 设置拐点 小圆点
                symbol: "circle",
                // 拐点大小
                symbolSize: 6,
                // 设置拐点颜色以及边框
                itemStyle: {
                    color: color[3],
                    borderColor: "rgba(221, 220, 107, .1)",
                    borderWidth: 8
                },
            },
            // {
            //     name: '煤炭',
            //     type: 'line',
            //     stack: 'Total',
            //     data: [27728, 29315, 42790, 42913, 42330, 41831],
            //     color: color[4],
            //     smooth: true
            // }
        ]
    };
    //3. 把配置给实例对象
    myChart.setOption(option);
    // 4. 让图表跟随屏幕自适应
    window.addEventListener("resize", function() {
        myChart.resize();
    });
})();


(function() {
    var myChart = echarts.init(document.querySelector(".line2 .chart"));
    var option= {
        // 设置网格样式
        grid: {
            top: '20%',
            left: '3%',
            right: '5%',
            bottom: '3%',
            show: true,// 显示边框
            borderColor: '#012f4a',// 边框颜色
            containLabel: true // 包含刻度文字在内
        },
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'cross',
                label: {
                    backgroundColor: '#6a7985'
                }
            }
        },
        legend: {
            top: "0%",
            right: 6,
            textStyle: {
                color: '#4c9bfd'
            }
        },
        xAxis: [
            {
                type: 'category',
                boundaryGap: false,
                data: ['24年11月', '24年12月', '25年1月', '25年2月', '25年3月', '25年4月', '25年5月', '25年6月', '25年7月', '25年8月', '25年9月'],
                axisLabel: {
                    color: 'rgba(255, 255, 255, 0.6)', // 文本颜色
                    fontsize: 12
                },
                axisLine: {
                    lineStyle: {
                        color: 'rgba(255, 255, 255, 0.2)'
                    }
                },
            }
        ],
        yAxis: [
            {
                type: 'value',
                name: '采购金额(万元)',
                nameTextStyle: {          // 坐标轴名称文本样式
                    fontSize: 12,           // 设置字号为16px
                    color: "rgba(255, 255, 255, 0.6)",          // 可选：设置颜色
                    fontWeight: 'bold'      // 可选：设置字体粗细
                },
                // axisTick: { show: false },
                axisLine: {
                    lineStyle: {
                        color: "rgba(255,255,255,.1)"
                    }
                },
                axisLabel: {
                    textStyle: {
                        color: "rgba(255,255,255,.6)",
                        fontSize: 12
                    }
                },
                // 修改分割线的颜色
                splitLine: {
                    lineStyle: {
                        color: "rgba(255,255,255,.1)"
                    }
                }
            }
        ],
        series: [
            {
                name: '一级集采',
                type: 'line',
                // 填充区域
                areaStyle: {
                    // 渐变色，只需要复制即可
                    color: new echarts.graphic.LinearGradient(
                        0,
                        0,
                        0,
                        1,
                        [
                            {
                                offset: 0,
                                color: "rgba(1, 132, 213, 0.4)"   // 渐变色的起始颜色
                            },
                            {
                                offset: 0.8,
                                color: "rgba(1, 132, 213, 0.1)"   // 渐变线的结束颜色
                            }
                        ],
                        false
                    ),
                    shadowColor: "rgba(0, 0, 0, 0.1)"
                },
                emphasis: {
                    focus: 'series'
                },
                data: [145.09, 202.42, 172.07, 74.89, 149.13, 148.57, 102.32, 164.31, 126.14, 200.29, 181.96],
                // smooth: true,
                lineStyle: {
                    color: "#0184d5",
                    width: 2
                },
                // 设置拐点 小圆点
                symbol: "circle",
                // 拐点大小
                symbolSize: 6,
                // 设置拐点颜色以及边框
                itemStyle: {
                    color: "#0184d5",
                    borderColor: "rgba(221, 220, 107, .1)",
                    borderWidth: 8
                },
                // // 开始不显示拐点， 鼠标经过显示
                // showSymbol: false,
            },
            {
                name: '二级集采',
                type: 'line',
                areaStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(
                            0,
                            0,
                            0,
                            1,
                            [
                                {
                                    offset: 0,
                                    color: "rgba(0, 216, 135, 0.4)"
                                },
                                {
                                    offset: 0.8,
                                    color: "rgba(0, 216, 135, 0.1)"
                                }
                            ],
                            false
                        ),
                    }
                },
                emphasis: {
                    focus: 'series'
                },
                data: [92.68, 134.12, 64.78, 41.90, 96.12, 104.45, 65.58, 120.81, 75.28, 74.44, 128.00],
                // smooth: true,
                lineStyle: {
                    color: "#0184d5",
                    width: 2
                },
                // 设置拐点 小圆点
                symbol: "circle",
                // 拐点大小
                symbolSize: 6,
                // 设置拐点颜色以及边框
                itemStyle: {
                    color: "#00d887",
                    borderColor: "rgba(221, 220, 107, .1)",
                    borderWidth: 8
                },
                // // 开始不显示拐点， 鼠标经过显示
                // showSymbol: false,
            }
        ]
    };

    myChart.setOption(option);
    // 4. 让图表跟随屏幕自适应
    window.addEventListener("resize", function() {
        myChart.resize();
    });
})();

(function init() {
    var myChart = echarts.init(document.querySelector(".pie .chart"));
    var option = {
        tooltip: {
            trigger: 'item',
            formatter: '{a} <br/>{b} : {c} ({d}%)',
        },
        title: {
            subtext: '单位（亿元）',
            right: 10,
            subtextStyle: {
                color: "rgba(255, 255, 255, 0.6)",
                fontSize: 12,
            }
        },
        legend: {
            // orient: 'vertical',
            bottom: "0%",
            itemWidth: 10,
            itemHeight: 10,
            // 修改图例组件的文字为 12px
            textStyle: {
                color: "rgba(255,255,255,.6)",
                fontSize: "12"
            }
        },
        series: [
            {
                name: '计划金额（亿元）',
                type: 'pie',
                center: ["50%", "45%"],
                radius: ['40%', '75%'],
                avoidLabelOverlap: false,
                label: {
                    show: false,
                    position: 'center'
                },
                emphasis: {
                    label: {
                        show: true,
                        fontSize: 20,
                        fontWeight: 'bold',
                        color: "#fff"
                    }
                },
                labelLine: {
                    show: false
                },
                data: [
                    { value: 1113.14, name: '光伏' },
                    { value: 918.47, name: '火电' },
                    { value: 432.50, name: '水电' },
                    { value: 114.08, name: '风电' },
                    { value: 230.65, name: '煤矿' },
                    { value: 61.73, name: '核电' },
                    { value: 262.65, name: '其他' }
                ],
            }
        ],
        color: [
            "#b19f57",
            "#1089E7",
            "#F57474",
            "#56D0E3",
            "#F8B448",
            "#8B78F6",
            "#70ffb8"
        ],
    };

    myChart.setOption(option);
    // 4. 让图表跟随屏幕自适应
    window.addEventListener("resize", function() {
        myChart.resize();
    });
})();

(function init() {
    var myChart = echarts.init(document.querySelector(".pie2 .chart"));
    var option = {
        title: {
            subtext: '单位（项数）',
            right: 10,
            subtextStyle: {
                color: "rgba(255, 255, 255, 0.6)",
                fontSize: 12
            }
        },
        color: [
            "#b19f57",
            "#1089E7",
            "#F57474",
            "#56D0E3",
            "#F8B448",
            "#8B78F6",
            "#70ffb8"
        ],
        tooltip: {
            trigger: 'item',
            formatter: '{a} <br/>{b} : {c} ({d}%)'
        },
        legend: {
            // orient: 'vertical',
            bottom: "0%",
            itemWidth: 10,
            itemHeight: 10,
            // 修改图例组件的文字为 12px
            textStyle: {
                color: "rgba(255,255,255,.6)",
                fontSize: 12
            }
        },
        series: [
            {
                name: '计划项目数',
                type: 'pie',
                radius: '70%',
                data: [
                    { value: 12652, name: '光伏' },
                    { value: 106022, name: '火电' },
                    { value: 15468, name: '水电' },
                    { value: 15300, name: '风电' },
                    { value: 13930, name: '煤矿' },
                    { value: 300, name: '核电' },
                    { value: 8557, name: '其他' }
                ],
                emphasis: {
                    itemStyle: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };


//     var option = {
//         color: [
//             "#b19f57",
//             "#1089E7",
//             "#F57474",
//             "#56D0E3",
//             "#F8B448",
//             "#8B78F6",
//             "#70ffb8"
//         ],
//         left: 'center',
//         tooltip: {
//             trigger: 'item',
//             formatter: '{a} <br/>{b} : {c} ({d}%)'
//         },
//         legend: {
//             left: 'center',
//             top: 'bottom'
//         },
//         series: [
//             {
//                 name: '计划项目数',
//                 type: 'pie',
//                 radius: ["20%", "75%"],
//                 center: ["50%", "45%"],
//                 roseType: 'radius',
//                 itemStyle: {
//                     borderRadius: 5
//                 },
//                 data: [
//                     { value: 12652, name: '光伏' },
//                     { value: 106022, name: '火电' },
//                     { value: 15468, name: '水电' },
//                     { value: 15300, name: '风电' },
//                     { value: 13930, name: '煤矿' },
//                     { value: 300, name: '核电' },
//                     { value: 8557, name: '其他' }
//                 ],
//             }
//         ]
// };
    myChart.setOption(option);
    // 4. 让图表跟随屏幕自适应
    window.addEventListener("resize", function() {
        myChart.resize();
    });
})();


(function init() {

    var myChart = echarts.init(document.querySelector(".map .chart"));

    function randomValue() {
        return Math.round(Math.random()*2000);
    }
    var option = {

        title: {
            text: '全国库存分类分布情况',  // 主标题
            subtext: '单位：万元',         // 副标题，显示单位
            left: 'center',             // 主标题水平居中
            top: '20px',
            subtextStyle: {
                fontSize: 12,           // 副标题字体大小
                color: 'rgba(255, 255, 255,0.6)',          // 副标题颜色
                right: "10"
            },
            textStyle: {
                fontSize: 18,           // 主标题字体大小
                fontWeight: 'bold',     // 主标题字体粗细
                color: 'rgba(255, 255, 255)',          // 主标题颜色设置为白色
                fontFamily: 'SimSun, "宋体", serif'  // 字体设置为宋体
            }
        },
        // 背景颜色设置（当前被注释）
        // backgroundColor:'block',

        // 提示框组件配置
        tooltip: {},

        // 视觉映射组件，用于数据到颜色的映射
        visualMap: {
            min: 0,           // 最小值
            max: 30000,        // 最大值
            text: ['High', 'Low'],  // 两端的文本
            realtime: false,   // 是否实时更新
            calculable: true,  // 是否显示拖拽用的手柄（手柄能拖拽调整选中范围）
            inRange: {
                // 指定数值映射的颜色范围，从浅蓝到深蓝
                color: ['#b8edf8', '#448baa']
            },
            textStyle: {
                color: "rgba(255, 255, 255, 0.6)"
            }
        },

        // 地理坐标系配置
        geo: {
            map: 'china',     // 使用中国地图
            zoom: 1.1,
            roam: false,      // 禁用地图的平移和缩放功能

            // 标签样式配置
            label: {
                normal: {
                    show: true,  // 显示标签
                    textStyle: {
                        color: 'rgba(0,0,0,0.4)'  // 标签文字颜色（半透明黑色）
                    }
                }
            },

            // 地图区域样式配置
            itemStyle: {
                normal: {
                    areaColor: 'rgb(72, 119, 237, 0.6)',
                    borderColor: 'rgba(0, 0, 0, 0.2)'  // 正常状态下的边框颜色
                },
                emphasis: {
                    areaColor: "rgb(72, 119, 237,0.6)",        // 高亮状态下的区域颜色（null表示使用默认）
                    shadowOffsetX: 0,       // 阴影水平偏移量
                    shadowOffsetY: 0,       // 阴影垂直偏移量
                    shadowBlur: 20,         // 阴影模糊大小
                    borderWidth: 0,         // 高亮状态下的边框宽度
                    shadowColor: 'rgba(0, 0, 0, 0.5)'  // 阴影颜色
                }
            }
        },

        // 数据系列配置
        series: [
            {
                name: '库存金额',        // 系列名称，用于提示框和图例
                type: 'map',            // 图表类型为地图
                roam: false,            // 禁用该系列的平移和缩放
                coordinateSystem: 'geo', // 使用地理坐标系
                geoIndex: 0,            // 使用第0个geo组件的配置

                // 提示框配置（当前被注释）
                tooltip: {
                    show: true,
                    formatter:'{b}<br/>{a}: {c}万元',
                },

                // 标签配置
                label: {
                    normal: {
                        formatter:'{b}<br/>{a}: {c}次',    // 使用数据项名称作为标签
                        position: 'right',   // 标签位置在右侧
                        show: false          // 正常状态下不显示标签
                    },
                    emphasis: {
                        show: true           // 高亮状态下显示标签
                    }
                },

                // 数据项样式
                itemStyle: {
                    normal: {
                        color: '#b8edf8'     // 正常状态下的颜色
                    }
                },

                // 地图数据
                // *****!!! 这里在智慧中枢，点到某省份时，下面的数据展示要下钻到该省分库存各种品种

                data: [
                    // 各省市数据，value值通过randomValue()函数生成
                    {name: '北京', value: randomValue()},
                    {name: '天津', value: randomValue()},
                    {name: '上海', value: 3072.39},
                    {name: '重庆', value: randomValue()},
                    {name: '河北', value: 5964.42},
                    {name: '河南', value: 5541.57},
                    {name: '云南', value: 7968.34},
                    {name: '辽宁', value: 4037.95},
                    {name: '黑龙江', value: 2011.92},
                    {name: '湖南', value: 1717.61},
                    {name: '安徽', value: 793.89},
                    {name: '山东', value: 30230.81},
                    {name: '新疆', value: 2207.93},
                    {name: '江苏', value: randomValue()},
                    {name: '浙江', value: randomValue()},
                    {name: '江西', value: randomValue()},
                    {name: '湖北', value: randomValue()},
                    {name: '广西', value: randomValue()},
                    {name: '甘肃', value: 7515.47},
                    {name: '山西', value: randomValue()},
                    {name: '内蒙古', value: 14847.02},
                    {name: '陕西', value: randomValue()},
                    {name: '吉林', value: 1409.56},
                    {name: '福建', value: 2501.62},
                    {name: '贵州', value: randomValue()},
                    {name: '广东', value: randomValue()},
                    {name: '青海', value: randomValue()},
                    {name: '西藏', value: randomValue()},
                    {name: '四川', value: randomValue()},
                    {name: '宁夏', value: randomValue()},
                    {name: '海南', value: randomValue()},
                    {name: '台湾', value: randomValue()},
                    {name: '香港', value: randomValue()},
                    {name: '澳门', value: randomValue()}
                ]
            }
        ]
    };



    myChart.setOption(option)
    // 4. 让图表跟随屏幕自适应
    window.addEventListener("resize", function() {
        myChart.resize();
    });

})();


/*   // Pink
(function() {
    // 1. 实例化对象
    var myChart = echarts.init(document.querySelector(".map .chart"));
    // 2. 指定配置和数据
    var geoCoordMap = {
        上海: [121.4648, 31.2891],
        东莞: [113.8953, 22.901],
        东营: [118.7073, 37.5513],
        中山: [113.4229, 22.478],
        临汾: [111.4783, 36.1615],
        临沂: [118.3118, 35.2936],
        丹东: [124.541, 40.4242],
        丽水: [119.5642, 28.1854],
        乌鲁木齐: [87.9236, 43.5883],
        佛山: [112.8955, 23.1097],
        保定: [115.0488, 39.0948],
        兰州: [103.5901, 36.3043],
        包头: [110.3467, 41.4899],
        北京: [116.4551, 40.2539],
        北海: [109.314, 21.6211],
        南京: [118.8062, 31.9208],
        南宁: [108.479, 23.1152],
        南昌: [116.0046, 28.6633],
        南通: [121.1023, 32.1625],
        厦门: [118.1689, 24.6478],
        台州: [121.1353, 28.6688],
        合肥: [117.29, 32.0581],
        呼和浩特: [111.4124, 40.4901],
        咸阳: [108.4131, 34.8706],
        哈尔滨: [127.9688, 45.368],
        唐山: [118.4766, 39.6826],
        嘉兴: [120.9155, 30.6354],
        大同: [113.7854, 39.8035],
        大连: [122.2229, 39.4409],
        天津: [117.4219, 39.4189],
        太原: [112.3352, 37.9413],
        威海: [121.9482, 37.1393],
        宁波: [121.5967, 29.6466],
        宝鸡: [107.1826, 34.3433],
        宿迁: [118.5535, 33.7775],
        常州: [119.4543, 31.5582],
        广州: [113.5107, 23.2196],
        廊坊: [116.521, 39.0509],
        延安: [109.1052, 36.4252],
        张家口: [115.1477, 40.8527],
        徐州: [117.5208, 34.3268],
        德州: [116.6858, 37.2107],
        惠州: [114.6204, 23.1647],
        成都: [103.9526, 30.7617],
        扬州: [119.4653, 32.8162],
        承德: [117.5757, 41.4075],
        拉萨: [91.1865, 30.1465],
        无锡: [120.3442, 31.5527],
        日照: [119.2786, 35.5023],
        昆明: [102.9199, 25.4663],
        杭州: [119.5313, 29.8773],
        枣庄: [117.323, 34.8926],
        柳州: [109.3799, 24.9774],
        株洲: [113.5327, 27.0319],
        武汉: [114.3896, 30.6628],
        汕头: [117.1692, 23.3405],
        江门: [112.6318, 22.1484],
        沈阳: [123.1238, 42.1216],
        沧州: [116.8286, 38.2104],
        河源: [114.917, 23.9722],
        泉州: [118.3228, 25.1147],
        泰安: [117.0264, 36.0516],
        泰州: [120.0586, 32.5525],
        济南: [117.1582, 36.8701],
        济宁: [116.8286, 35.3375],
        海口: [110.3893, 19.8516],
        淄博: [118.0371, 36.6064],
        淮安: [118.927, 33.4039],
        深圳: [114.5435, 22.5439],
        清远: [112.9175, 24.3292],
        温州: [120.498, 27.8119],
        渭南: [109.7864, 35.0299],
        湖州: [119.8608, 30.7782],
        湘潭: [112.5439, 27.7075],
        滨州: [117.8174, 37.4963],
        潍坊: [119.0918, 36.524],
        烟台: [120.7397, 37.5128],
        玉溪: [101.9312, 23.8898],
        珠海: [113.7305, 22.1155],
        盐城: [120.2234, 33.5577],
        盘锦: [121.9482, 41.0449],
        石家庄: [114.4995, 38.1006],
        福州: [119.4543, 25.9222],
        秦皇岛: [119.2126, 40.0232],
        绍兴: [120.564, 29.7565],
        聊城: [115.9167, 36.4032],
        肇庆: [112.1265, 23.5822],
        舟山: [122.2559, 30.2234],
        苏州: [120.6519, 31.3989],
        莱芜: [117.6526, 36.2714],
        菏泽: [115.6201, 35.2057],
        营口: [122.4316, 40.4297],
        葫芦岛: [120.1575, 40.578],
        衡水: [115.8838, 37.7161],
        衢州: [118.6853, 28.8666],
        西宁: [101.4038, 36.8207],
        西安: [109.1162, 34.2004],
        贵阳: [106.6992, 26.7682],
        连云港: [119.1248, 34.552],
        邢台: [114.8071, 37.2821],
        邯郸: [114.4775, 36.535],
        郑州: [113.4668, 34.6234],
        鄂尔多斯: [108.9734, 39.2487],
        重庆: [107.7539, 30.1904],
        金华: [120.0037, 29.1028],
        铜川: [109.0393, 35.1947],
        银川: [106.3586, 38.1775],
        镇江: [119.4763, 31.9702],
        长春: [125.8154, 44.2584],
        长沙: [113.0823, 28.2568],
        长治: [112.8625, 36.4746],
        阳泉: [113.4778, 38.0951],
        青岛: [120.4651, 36.3373],
        韶关: [113.7964, 24.7028]
    };

    var XAData = [
        [{ name: "西安" }, { name: "北京", value: 100 }],
        [{ name: "西安" }, { name: "上海", value: 100 }],
        [{ name: "西安" }, { name: "广州", value: 100 }],
        [{ name: "西安" }, { name: "西宁", value: 100 }],
        [{ name: "西安" }, { name: "拉萨", value: 100 }]
    ];

    var XNData = [
        [{ name: "西宁" }, { name: "北京", value: 100 }],
        [{ name: "西宁" }, { name: "上海", value: 100 }],
        [{ name: "西宁" }, { name: "广州", value: 100 }],
        [{ name: "西宁" }, { name: "西安", value: 100 }],
        [{ name: "西宁" }, { name: "银川", value: 100 }]
    ];

    var YCData = [
        [{ name: "拉萨" }, { name: "北京", value: 100 }],
        [{ name: "拉萨" }, { name: "潍坊", value: 100 }],
        [{ name: "拉萨" }, { name: "哈尔滨", value: 100 }]
    ];

    var planePath =
        "path://M1705.06,1318.313v-89.254l-319.9-221.799l0.073-208.063c0.521-84.662-26.629-121.796-63.961-121.491c-37.332-0.305-64.482,36.829-63.961,121.491l0.073,208.063l-319.9,221.799v89.254l330.343-157.288l12.238,241.308l-134.449,92.931l0.531,42.034l175.125-42.917l175.125,42.917l0.531-42.034l-134.449-92.931l12.238-241.308L1705.06,1318.313z";
    //var planePath = 'arrow';
    var convertData = function(data) {
        var res = [];
        for (var i = 0; i < data.length; i++) {
            var dataItem = data[i];

            var fromCoord = geoCoordMap[dataItem[0].name];
            var toCoord = geoCoordMap[dataItem[1].name];
            if (fromCoord && toCoord) {
                res.push({
                    fromName: dataItem[0].name,
                    toName: dataItem[1].name,
                    coords: [fromCoord, toCoord],
                    value: dataItem[1].value
                });
            }
        }
        return res;
    };

    var color = ["#fff", "#fff", "#fff"]; //航线的颜色
    var series = [];
    [
        ["西安", XAData],
        ["西宁", XNData],
        ["银川", YCData]
    ].forEach(function(item, i) {
        series.push(
            {
                name: item[0] + " Top3",
                type: "lines",
                zlevel: 1,
                effect: {
                    show: true,
                    period: 6,
                    trailLength: 0.7,
                    color: "red", //arrow箭头的颜色
                    symbolSize: 3
                },
                lineStyle: {
                    normal: {
                        color: color[i],
                        width: 0,
                        curveness: 0.2
                    }
                },
                data: convertData(item[1])
            },
            {
                name: item[0] + " Top3",
                type: "lines",
                zlevel: 2,
                symbol: ["none", "arrow"],
                symbolSize: 10,
                effect: {
                    show: true,
                    period: 6,
                    trailLength: 0,
                    symbol: planePath,
                    symbolSize: 15
                },
                lineStyle: {
                    normal: {
                        color: color[i],
                        width: 1,
                        opacity: 0.6,
                        curveness: 0.2
                    }
                },
                data: convertData(item[1])
            },
            {
                name: item[0] + " Top3",
                type: "effectScatter",
                coordinateSystem: "geo",
                zlevel: 2,
                rippleEffect: {
                    brushType: "stroke"
                },
                label: {
                    normal: {
                        show: true,
                        position: "right",
                        formatter: "{b}"
                    }
                },
                symbolSize: function(val) {
                    return val[2] / 8;
                },
                itemStyle: {
                    normal: {
                        color: color[i]
                    },
                    emphasis: {
                        areaColor: "#2B91B7"
                    }
                },
                data: item[1].map(function(dataItem) {
                    return {
                        name: dataItem[1].name,
                        value: geoCoordMap[dataItem[1].name].concat([dataItem[1].value])
                    };
                })
            }
        );
    });
    // 航线地图
    var option1 = {

        tooltip: {
            trigger: "item",
            formatter: function(params, ticket, callback) {
                if (params.seriesType == "effectScatter") {
                    return "线路：" + params.data.name + "" + params.data.value[2];
                } else if (params.seriesType == "lines") {
                    return (
                        params.data.fromName +
                        ">" +
                        params.data.toName +
                        "<br />" +
                        params.data.value
                    );
                } else {
                    return params.name;
                }
            }
        },

        geo: {
            map: "china",
            label: {
                emphasis: {
                    show: true,
                    color: "#fff"
                }
            },
            roam: false,
            //   放大我们的地图
            zoom: 1,
            itemStyle: {
                normal: {
                    areaColor: "rgba(43, 196, 243, 0.42)",
                    borderColor: "rgba(43, 196, 243, 1)",
                    borderWidth: 1
                },
                emphasis: {
                    areaColor: "#2B91B7"
                }
            }
        },
        series: series
    };


    myChart.setOption(option1);
    window.addEventListener("resize", function() {
        myChart.resize();
    });
})();
*/









